
<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<style type="text/css">
.ui-accordion .ui-accordion-content{ overflow:visible !important; }
.jquery-dialog{
  overflow-y: auto;
  height: 300px;
} 
</style>

<c:url value="mostrarHWF3014.html" var="pedidosAtm"/>

<script language="JavaScript" type="text/javascript" src="javascript/HMF2003.js"></script>
       
 <script type="text/javascript">
    
   $(document).ready(function(){ 
          $("#nroPedido").numeric({ichars:'.a,!@#$%&/()=:;_-|°?¡'});
        //alert('estado: '+$("#estado").val());
        //alert('documentReady-isPrediction:'+ $("#isPrediction").val());
        $("#desTipoFecha").val("Pedido");
        $("#fechaDesde").datepicker();
        $("#fechaHasta").datepicker();
        if ($("#isPrediction").val()== 'true' && $("#estado").val() == 2){
           //alert('activa boton');
           $("#mostrarExcelPred").attr("disabled",false);
        }else{
           //alert('desactiva boton');
           $("#mostrarExcelPred").attr("disabled",true);
        }
        //habilitar y deshabilitar el boton Mostrar de Punto
        $("#punto").change( function(){ $("#message_punto").html("");if(  $("#punto").val()==1 ) $("#opener_punto").show(); else $("#opener_punto").hide(); } );                        
        if($("#punto").val()==1)$("#opener_punto").show();else  $("#opener_punto").hide();
        
        //habilitar y deshabilitar el boton Mostrar de Sucursal
        $("#sucursal").change( function(){ $("#message_sucursal").html("");if(  $("#sucursal").val()==1 ) $("#opener_sucursal").show(); else $("#opener_sucursal").hide(); } );                        
        if($("#sucursal").val()==1)$("#opener_sucursal").show();else  $("#opener_sucursal").hide();
        
        //habilitar y deshabilitar el boton Mostrar de Tipo Pedido
        $("#tipPedido").change( function(){ $("#message_tipoPedido").html("");if(  $("#tipPedido").val()==1 ) $("#opener_tipoPedido").show(); else $("#opener_tipoPedido").hide(); } );                        
        if($("#tipPedido").val()==1)$("#opener_tipoPedido").show();else  $("#opener_tipoPedido").hide();
            
        //OPENERS**********************************
        $("#opener_sucursal").click(openWinSucursal);
        $("#opener_punto").click(openWinPunto);
        $("#opener_tipoPedido").click(openWinTipoPedido);
        
        //DIALOGS**************************************
         $("#verDetaPediDiv").dialog({
            modal: true,            
            autoOpen: false,
            buttons: { 
                "Cerrar": function() { 
                            $(this).dialog("close");
                    } 
                },
            width: 800,//620
            height: 700,
            draggable: false,
            resizable: false
        });
        
        $(".verDetaPedi").click(function(){
          
          var numPedi = $(this).attr("numPedi");
          var codSeri = $(this).attr("codSeri");
          var tipDocuPedi = $(this).attr("tipDocuPedi");
          
          
          //Visualizar Pedido:
          $('#verDetaPediDiv').html("<table height='100%'><tr><td><img src='imagenes/logoProcesandoRight.gif'/>");
          $('#verDetaPediDiv').load("<c:url value='mostrarHWF3014.html'/>",{accion:"openDetallePedido",numPedi:numPedi, codSeri:codSeri, tipDocuPedi:tipDocuPedi});          
          $("#verDetaPediDiv").dialog("open");
           
           /*$.get("<c:url value='mostrarHWF3014.html'/>",{accion:"openDetallePedido",numPedi:numPedi, codClie:codClie,
                                                                                    codSucu:codSucu, fecPedi:fecPedi, 
                                                                                    codSeri:codSeri, estDocu:estDocu,
                                                                                    tipDocuPedi:tipDocuPedi},function(responseText, status, xmlHttpRequest){
             
                 $('#cabeTable').html($('#cabeTable', responseText).html());      
                 $('#dest').html($('#dest', responseText).html());      
                 $('#Aten').html($('#Aten', responseText).html());      
                 $('#Hopp').html($('#Hopp', responseText).html());     
                 $("#visualizarPedido").dialog("open");
             });*/
          
        });
        
        //Generar PDF***************************
        $("#verPdf").click(function(){
            openWindow("verPDF");
        });
        
        //Generar Excel*************************
        $("#mostrarExcel").click(function(){
            $("#accion").attr("value","mostrarExcel");
            $("form").submit();
        });
        
        //Generar Excel Predicción*************************
        $("#mostrarExcelPred").click(function(){
            //var erro = jsonrpc.jsonService.inseConfMailClie(usuWeb,codAlert);
            $("#accion").attr("value","mostrarExcelPred");
            $("form").submit();
            //alert('muestra Excel de Predicción');
        });
    }); //Fin de document.ready

   
    function openWinPunto(){
        childWindowPunto=window.showModalDialog('<c:url value="selecPunto.html" />&codMatriz='+0+'&tipoPunt='+11,'selecPunto',"dialogWidth:680px;dialogHeight:420px");                      
    }    
   
    function openWinSucursal(){  
    childWindowSucursal=window.showModalDialog('<c:url value="selecSucursal.html" />','selecSucursal',"dialogWidth:550px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no");
   } 
   
    function openWinTipoPedido(){
        childWindowTipoPedido=window.showModalDialog('<c:url value="selecTipoPedido.html" />','selecTipoPedido',"dialogWidth:680px;dialogHeight:420px");                      
    }   
   
    function show_loading(){  
    var loadingAnim = document.getElementById('loading_mostrar');  
    loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
    loadingAnim.style.display = 'block';      
    }   
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
 
   function openWindow(accion){
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);    
        var target = 'window1';
        document.forms[0].accion.value = accion;
        document.forms[0].target = target;
        document.forms[0].submit();
    } 
    
    function openActa(idCmpb, winheight,winwidth)
    {
        winwidth='650';
        winheight='700';
        //window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        window.open('seguridad/procesando.html', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarActa';
        var target = 'window1';        
        document.forms[0].formulario.value = 'HMR3003a';        
        document.forms[0].idCmpb.value = idCmpb;
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }    
    
    function mostrarPedidosATM() {        
        //alert('mostrar-isPrediction:'+ $("#isPrediction").val());
        //alert('isPrediction:'+ $("#isPrediction").val());
        if (document.forms[0].fechaDesde.value== "") {
          alert("Ingrese la Fecha");
          document.forms[0].fechaDesde.focus();
          return false;
        }
        
      if(!checkDate(document.forms[0].fechaDesde)) return false;
      
      if(validaRangoFechas(document.forms[0].fechaDesde.value, 
                           document.forms[0].fechaHasta.value)==false){
         $("#fechaHasta").focus();
         return false
      }  
      
      //alert('estado Document forms:'+document.forms[0].estado.value);
      if (document.forms[0].isPrediction.value == true && document.forms[0].estado.value == 2){
         //alert('activa boton');
         $("#mostrarExcelPred").attr("disabled",false);
      }
      
      /*if ($("#isPrediction").val() == true){
        $("#mostrarExcelPred").removeAttr("disabled");
      }*/
      
      //activar el div procesando con javascript
        show_loading();
        setTimeout('show_loading();', 1000);
        cursor_wait() ;
           //////  
        moveForward('mostrar');  
      return true;
   }
   
   function f_traerDesTipFech(combo){
   //alert('codTipFecha:'+document.forms[0].tipFecha.value);
   if (document.forms[0].tipFecha.value == 0){document.forms[0].desTipoFecha.value = "Pedido"}
   if (document.forms[0].tipFecha.value == 1){document.forms[0].desTipoFecha.value = "Atención Programada"} 
   //alert('desTipFecha:'+document.forms[0].desTipoFecha.value);
   }

 </script>
    

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->
.ui-icon
{
display: inline-block !important;
}
.ui-corner-all {
    border-radius: 4px 4px 4px 4px;
}
span.ui-icon {float: left; margin: 0 4px;}
span.text {float: left; width: 60px;}


.ui-pointer{
    cursor: pointer;
    float: left;
    list-style: none outside none;
    margin: 2px;
    padding: 4px 0;
    position: relative;
}
</style> 


<form:form modelAttribute="form" action="${pedidosAtm}">
<form:hidden path="accion"/>
<form:hidden path ="control"/>
<form:hidden path="cliente"/>
<form:hidden path="desTipoFecha"/>
<form:hidden path="isPrediction"/>


<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
	     	   <li>CONSULTA DE PEDIDOS ATM</li>
		</ul>
        </td>
         <td align="left" width="80">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco">
        <table border="0" cellspacing="0" cellpadding="0" width="700">
          <tr>
            <td width="80" height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
            <td height="23" align="left" valign="top" class="verdana10negro"
                colspan="3">
                <c:out value="${sessionScope.nombreCliente}"/>
               </td>
          </tr>
          <tr>
            <td width="80" height="27" align="left" valign="middle" class="verdana10bazul">Sucursal</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro" width="100">
             <table border="0">
              <tr>
               <c:choose>
               <c:when test="${esSucuPrincipal}">
                <td>
                   <div class="fondo_txtbox90">
                        <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                     path="sucursal">
                                  <form:option value="0">TODOS</form:option>
                                  <form:option value="1">ALGUNOS</form:option>
                        </form:select>
                        <form:hidden path="desSucursal"/>
                    </div>
                  </td>
                  <td width="85">
               <a href="#" id="opener_sucursal">
                <img src="images/search.png" width="17px" height="17px"
                     title="Buscar"/></a>
              </td>
                  <td style="color:red;">&nbsp;</td>
                </c:when>
                <c:otherwise>
                 <td>
                        <c:out value="${sessionScope.desSucursal}"/>
                  </td>
                </c:otherwise>
                </c:choose> 
              </tr>    
            </table>
          <span id="message_sucursal" style="color:red;">
           <c:out value="${message_sucursal}"/></span>
         </td> 
            
            <td width="80" height="27" align="left" valign="middle" class="verdana10bazul">Punto</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="100">                
             <table border="0">
             <tr>
                <td>
                     <form:select path="punto" cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 130px; font-family: Arial; font-size: 8pt">
                      <form:option value="0">TODOS</form:option>
                      <form:option value="1">ALGUNOS</form:option>
                     </form:select>
                    
                </td>
                <td style="color:red;">
                  <a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                    
                </td>
                <td>&nbsp;</td> 
            </table>
          <span id="message_punto" style="color:red;">
           <c:out value="${message_punto}"/></span>
         </td>            
          </tr>
          
          <tr>
            <td width="80" height="34" align="left" valign="bottom" class="verdana10bazul">Tipo Registro Pedido</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro" width="100">
            
            <table border="0">
               <tr>
                  <td>                
                  <form:select path="tipPedido" cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
                        <form:option value="0">TODOS</form:option>
                        <form:option value="1">ALGUNOS</form:option>
                  </form:select>                                   
                 </td>
                <td style="color:red;">
                  <a href="#" id="opener_tipoPedido"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                  
                </td>
              </tr>
            </table>
          <span id="message_tipoPedido" style="color:red;">
           <c:out value="${message_tipoPedido}"/></span>
         </td>
            
           <td width="100" height="34" align="left" valign="bottom" class="verdana10bazul">Nro de Pedido</td>
              <td><div class="fondo_txtbox128" >
            &nbsp;&nbsp;
           <input name="nroPedi" type="text" id="nroPedido" size ="20" maxlength="7" /></div></td>
          <tr>
              <td width="80" height="34" align="left" valign="bottom" class="verdana10bazul">Tipo de Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro" width="100">
            
            <table border="0">
               <tr>
                 <td>                
                   <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipFecha" tabindex="4" onchange="f_traerDesTipFech(this);">                        
                            <form:option value="0" id="pedido">PEDIDO </form:option>
                            <form:option value="1" id="Atención Programada">ATENCI&Oacute;N PROGRAMADA </form:option>
                   </form:select>                                         
                 </td>
                <td style="color:red;"></td>
              </tr>
            </table>            
            </td>
            
           <td width="80" height="34" align="left" valign="bottom" class="verdana10bazul">Estado</td>
           <td height="34" align="left" valign="bottom" class="verdana10negro" width="100">
            <table border="0">
               <tr>
                 <td>                
                   <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="estado" tabindex="5">                        
                            <form:option value="0">TODOS</form:option>
                            <form:options items="${form.listEstados}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                   </form:select>                                         
                 </td>
                <td style="color:red;"></td>
              </tr>
            </table>            
            </td>
          </tr>
          <tr>
            <td height="34" align="left" valign="bottom" class="verdana10bazul"
                width="80">Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
                 colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechaDesde" maxlength="10" size="12" readonly="false"/>
                   </div></td>
                   
                  <td class="padright10" width="64">&nbsp;&nbsp;al&nbsp;&nbsp; </td>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechaHasta" maxlength="10" size="12" readonly="false"/>
                   </div></td>                                                    
                  <td width="140" align="right" valign="middle">
                  <input type="button" value="Mostrar" name="mostrar" class="boton" onclick="javascript:mostrarPedidosATM()"/></td>
                </tr>
            </table></td>
          </tr>
        </table>
        </td>
      </tr>
           <tr>
                <td colspan="4" align="center">    
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
                </td>
          </tr>    
      </table>
            
      <table border="0" cellpadding="0" cellspacing="0" class="margintop20">
        <tr>
          <td width="100%">
         <!-- <c:if test="${not empty listaPedidosAtm}">-->
              <display:table id="pedido" name="listaPedidosAtm" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"                         
                             requestURI="${pedidosAtm}"
                             class="its7">
               <tbody>
               
               <!--CAMBIO-->
               <display:column headerClass="even" class="cellizquierda "
                                title="Tipo">
                              ${mapTipos[pedido.tipRegiPedi]}
               </display:column>
                                
               <!--FIN CAMBIO-->
                <display:column property="codSeriPedi"
                                headerClass="even" class="cellcenter"
                                title="Serie"/>
                <display:column property="numPedi"
                                headerClass="even" class="cellcenter"
                                title="Nro Pedido"/>
                <display:column property="punt.desPunt"
                                headerClass="even" class="cellizquierda"
                                title="Punto ATM"/>
                <display:column property="sucuHtb.desSucuHtb"
                                headerClass="even" class="cellizquierda "
                                title="Sucursal Hermes"/>                
                <display:column property="fecSoliPedi"
                                headerClass="even" class="cellcenter "
                                title="Fecha Pedido"/>
                <display:column property="fecAtenPedi"
                                headerClass="even" class="cellcenter "
                                title="Fecha Atenci&oacute;n"/>
                <display:column property="indPrio.desPrio"
                                headerClass="even" class="cellizquierda "
                                title="Prioridad"/>
                <!--Cambio-->
                <display:column headerClass="even" class="cellizquierda "
                                title="Estado">
                              ${mapEstados[pedido.estDocu]}
               </display:column>
                <!--Fin Cambio-->
                <display:column headerClass="even" class="cellcenter "
                                title="Hora">
                    ${pedido.horAtenInicPact}-${pedido.horFinlInicPact}
                </display:column>
                <c:forEach items="${listUnidMone}" var="unidMone" >
                  <c:set var="montDeno" value="0"/>
                  <c:forEach items="${pedido.denosDetaPedido}" var="denoDetaPedido">
                    <c:if test="${unidMone.codTipo== denoDetaPedido.unidMone.codTipo}">
                      <c:set var="montDeno" value="${montDeno+denoDetaPedido.montDeno}"/>  
                    </c:if>
                  </c:forEach>
                <display:column headerClass="even" class="cellcenter "
                                  title="Monto ${unidMone.desTipo}">
                    <fmt:formatNumber value="${montDeno}" pattern="###,###,###,##0.00"/>
                </display:column>
                </c:forEach>
                <display:column headerClass="even" class="cellcenter" title="Detalle">
                    <a href="#" id="verDetaPedi" class="param verDetaPedi" numpedi = "${pedido.numPedi}" codSeri="${pedido.codSeriPedi}" tipDocuPedi="${pedido.tipDocuPedi}"> Ver </a>
                </display:column>
               </tbody>
              </display:table>
          <!--</c:if> -->
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        </tr>
        <tr><td>      
       </td>
        </tr>
      </table>

    <c:if test="${not empty listaPedidosAtm}">      
	  <div class="margintop31">
             <input type="button" class="boton" value="Generar PDF" id="verPdf"/>
             <input type="button" class="boton" value="Generar Excel" id="mostrarExcel"/>
             <input type="button" class="boton" value="Generar Excel Predicci&oacute;n" id="mostrarExcelPred"/>
	  </div>
     </c:if>
	  </td>
  </tr>
</table>

</form:form> 

<div id="verDetaPediDiv" title="Visualizar Detalle de Pedido" align="center" style="overflow-y:auto" valign="center">
 </div>     
 
